<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>提现记录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"/>
	    <meta http-equiv="Access-Control-Allow-Origin" content="*">
	    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
		<link rel="stylesheet" href="../css/base.css" />
		<link rel="stylesheet" href="../css/tixian_list.css" />
		<script src="../js/jquery-2.2.3.min.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/vue.js"></script>
		<script type="text/javascript" src="../js/vue-resource.min.js"></script>
	</head>
	<body>
		<div id="app">
			<div class="header">
				<a href="javascript:history.back(-1)"><img src="../img/g_next.png" alt="" /></a>
				消费记录
			</div>
			<div class="tixian_main">
				<!--<p class="tixian_time">2018年12月</p>-->
				<ul class="tixian_ul">
					<li class="tixian_li" v-for="item in list">
						<p style="overflow: hidden;">
							<span class="qvxiang">{{item.remark}}</span>
							<span :class=item.cashType==1?'shuE':'shuE-red' >{{item.cashType==1?'+':'-'}}{{item.cash}}</span>
						</p>
						<p style="overflow: hidden;margin-top: 0.03rem;">
							<span class="time">{{item.createTime}}</span>
							<span class="zhuangTai">完成</span>
						</p>
					</li>
				</ul>
			</div>
		</div>
		<script>
			new Vue({
				el: '#app',
				data: {
				    list: []
				},
                mounted: function () {
                    this.$nextTick(function () {
                        this.$http.post(SURL + '/jfd/logCash/consumption', {userId: localStorage.getItem('userId'), pageNum: 1,type: 1}, {emulateJSON : true}).then(function(res) {
                            var _data = res.body;
                            console.log(this.list);
                            // this.list.push(_data);
                            this.list = _data;
                            console.log(this.list);
                        })
                    })
				}
			})
		</script>
	</body>
</html>
